<template>
  <div class="gameList">
      <el-card class="box-card" v-for="item in data" >
          <div class="card-content" @click="toDetail(item.path)" >
            <img :src="item.src" alt="" class="gameCover">
            <h1>{{item.title}}</h1>
            <p>{{item.describle}}</p>
          </div>
        </el-card>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
         data:[
        {
          path:"game",
          src:"https://img0.baidu.com/it/u=1436147839,2286303920&fm=26&fmt=auto",
          title:"俄罗斯方块",
          describle:"描述"
        },
         {
          path:"2",
          src:"https://img0.baidu.com/it/u=1436147839,2286303920&fm=26&fmt=auto",
          title:"俄罗斯方块",
          describle:"描述"
        },
         {
          path:"4",
          src:"https://img0.baidu.com/it/u=1436147839,2286303920&fm=26&fmt=auto",
          title:"俄罗斯方块",
          describle:"描述"
        }, {
          path:"5",
          src:"https://img0.baidu.com/it/u=1436147839,2286303920&fm=26&fmt=auto",
          title:"俄罗斯方块",
          describle:"描述"
        }
      ]
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="less" scoped>
.wrapper{}
</style>
